

.home-footer{
  background: var(--z-bg-card);
  margin: var(--rem-35) 0 0;
  .home-footer-wrap{
    margin: 0 auto 0;
    padding: var(--rem-35) var(--rem-20) 0;
    box-sizing: border-box;
  }
  .home-footer-top{
    display: flex;
    padding-bottom: var(--rem-20);
    .home-footer-nav{
      display: flex;
      justify-content: space-between;
      padding-right: var(--rem-50);
      border-right: 2px solid var(--border-color);
      width: 53%;
      box-sizing: border-box;
      ul{
        li{
          font-weight: 500;
          font-size: var(--rem-15);
          text-transform: capitalize;
          color: var(--z-font-def);
          line-height: var(--rem-30);
          cursor: pointer;
          transition: all .4s ease-in-out;
          white-space: nowrap;
          &.home-footer-title{
            margin-bottom: var(--rem-20);
          }
          &:hover{
            color: var(--z-bg-btn);
          }
        }
      }
    }
    .home-footer-identifying{
      padding-left: var(--rem-50);
      display: flex;
      align-items: center;
      box-sizing: border-box;
      img{
        height: var(--rem-58);
        &+img{
          margin-left: var(--rem-50);
        }
      }
      &>div{
        width: var(--rem-80);
        margin-left: var(--rem-50);
      }
    }
  }
  .home-footer-list{
    padding: var(--rem-28) 0;
    border-bottom: 2px solid var(--border-color);
    h3{
      font-weight: 500;
      font-size: var(--rem-15);
      text-transform: capitalize;
      color: var(--z-font-anti);
    }
    ul{
      display: flex;
      justify-content: space-between;
      margin-top: var(--rem-25);
      li{
        border-radius: var(--rem-10);
        img{
          cursor: pointer;
          width: var(--rem-166);
        }
      }
    }
  }
}
.home-footer-h5{
  padding: var(--rem-10);
  padding-bottom: var(--rem-100);
  .home-footer-identifying{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    img{
      &+img{
        margin-left: var(--rem-20);
      }
    }
  }
  .home-footer-list{
    margin-top: var(--rem-30);
    border-bottom: 1px solid var(--z-bg-card);
    h3{
      font-weight: 500;
      font-size: var(--rem-13);
      text-transform: capitalize;
      color: var(--z-font-def);
    }
    ul{
      margin-top: 20rem;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-column-gap: 15rem;
      grid-row-gap: 15rem;
      li{
        border-radius: var(--rem-5);
        background-color: var(--z-bg-card);
        padding: var(--rem-7) var(--rem-10);
        img{
          width: 100%;
          height: var(--rem-38);
        }
      }
    }
  }
  .linker-footer{
    height: var(--rem-40);
    line-height: var(--rem-40);
    text-transform: capitalize;
    color: var(--z-font-def);
    font-size: var(--rem-13);
  }
}
